/* 1. 基础重置：消除默认样式 */
a {
    /* 清除默认蓝色/紫色文字 */
    color: inherit; /* 继承父元素颜色，避免固定色 */
    /* 清除默认下划线 */
    text-decoration: none;
    /* 清除点击后的"焦点框"（部分浏览器如Chrome） */
    outline: none;
    /* 清除点击后文字变色（如visited状态） */
    visited-color: inherit;
  }
  
  /* 2. 优化交互：hover状态自定义（可选，避免用户无感知） */
  a:hover {
    /* 可自定义hover效果，如轻微下划线/变色，增强可用性 */
    text-decoration: underline; /* 推荐保留轻微交互反馈 */
    /* color: #2c3e50; （可选，自定义hover颜色） */
  }
  
  /* 3. 清除激活状态样式（点击瞬间的默认高亮） */
  a:active {
    background: transparent; /* 清除点击时的背景高亮 */
  }

  .menu-item a{
    color: #fff !important;
  }

/* 左侧菜单栏 */
.sidebar {
  width: 220px;
  background-color: #1e293b;
  color: white;
  height: 100%;
  position: fixed;
  overflow-y: auto;
  transition: all 0.3s;
  z-index: 900;
}

.sidebar.collapsed {
  width: 80px;
}

.menu-toggle {
  padding: 15px 20px;
  cursor: pointer;
  border-bottom: 1px solid #334155;
}

.menu-items {
  padding: 10px 0;
}

.menu-item {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: background 0.2s;
  position: relative;
}

.menu-item:hover {
  background-color: #334155;
}

.menu-item.active {
  background-color: #2563eb;
}

.menu-text {
  white-space: nowrap;
  overflow: hidden;
}

.sidebar.collapsed .menu-text {
  display: none;
}

.sidebar.collapsed .menu-item {
  justify-content: center;
}

.submenu {
  padding-left: 40px;
  background-color: #0f172a;
}

.submenu-item {
  padding: 8px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  transition: background 0.2s;
}

.submenu-item:hover {
  background-color: #1e293b;
}

.submenu-item.active {
  background-color: #2563eb;
}
